$(function () {

    document.querySelector('.img__btn').addEventListener('click', function () {
        document.querySelector('.content').classList.toggle('s--signup')
    })


    // 注册部分
    var code = '';
    var phone = '';
    var flag = false;
    var reg = /^0?1[3|4|5|6|7|8][0-9]\d{8}$/;
    var reg1 = /^(?![a-zA-z]+$)(?!\d+$)(?![!@#$%^&*]+$)[a-zA-Z\d!@#$%^&*]+$/;
    var service = window.location.search.split("?");

    $("#tel").blur(function () {
        phone = $("#tel").val()

        if (reg.test(phone)) {
            $("#telError").html("")
            $("#getCode").html("获取验证码")

        } else {
            $("#telError").html("电话号码不规范")
            $("#getCode").html("")
        }
    })

    $("#code").blur(function () {
        if (flag == false) {
            $("#codeError").html("请获取验证码")
        } else {
            var inputCode = $("#code").val();
            if (code == inputCode) {
                $("#codeError").html("")
            } else {
                $("#codeError").html("验证码错误")
            }
        }


    })

    $("#password").blur(function () {
        if (reg1.test($("#password").val())) {
            $("#passwordError").html("")
        } else {
            $("#passwordError").html("密码规范应该为：字母+数字，字母+特殊字符，数字+特殊字符")
        }
    })

    $("#getCode").click(function () {

        $.ajax({
            type: 'post',
            dataType: 'json',
            url: '/register/isHaveRegister',
            data: {
                "phone": $("#tel").val()
            },
            success: function (data) {

                if (data.code == 200) {

                    $.ajax({
                        type: 'post',
                        dataType: 'json',
                        url: '/register/sendCode',
                        data: {
                            "phone": $("#tel").val()
                        },
                        success: function (data) {
                            alert(data.data.title)
                            phone = $("#tel").val()
                            if (data.data.title == "信息发送成功") {
                                code = data.data.code;
                                flag = true;
                                $("#tel").attr("readonly", "")
                            }
                        }
                    })


                } else {
                    $("#telError").html("该手机已经注册")

                }

            }
        })


    })


    $("#register").click(function () {
        if ($("#telError").html() == "" && $("#tel").val() != "") {
            if ($("#codeError").html() == "" && $("#code").val() != "") {
                if ($("#passwordError").html() == "" && $("#password").val() != "") {

                    $.ajax({
                        url: '/register/addRegisterUser',
                        type: 'post',
                        dataType: 'json',

                        data: {
                            tel: $("#tel").val(),
                            password: $("#password").val()
                        },
                        success: function (data) {
                            if (data.data.result == 1) {
                                alert("注册成功即将跳转登录")
                                window.open("/login.html", "_self")
                            } else {
                                alert("注册未成功")
                            }
                        }
                    })


                }
            }
        }
    })


    //登录部分


    $("#login").click(function () {
        $.ajax({
            type: 'post',
            dataType: 'json',
            url: '/user',
            data: {
                operate : 'login',
                userName: $("#loginTel").val(),
                userPW: $("#loginPassword").val()
            },
            success: function (data) {
                if (data == true) {
                    // window.localStorage.setItem("token", data.data.token);
                    // window.localStorage.setItem("tel", data.data.user.tel);
                    // window.localStorage.setItem("userId", data.data.user.userId);

                    if (service.length == 1) {
                        window.open("/index.html", "_self")
                    } else {
                        var url = service[1].split("service=")[1]
                        window.open(window.location.search.split("service=")[1], "_self")
                    }
                } else {
                    layer.tips("账号或者密码错误，登录失败", "#login")
                }
            }
        })
    })


    // 忘记密码部分
    var alterCode = '';
    var alterFlag = false;

    $("#alterTel").blur(function () {
        phone = $("#alterTel").val()

        if (reg.test(phone)) {
            $("#alterTelError").html("")
            $("#alterGetCode").html("获取验证码")
        } else {
            $("#alterTelError").html("电话号码不规范")
            $("#getCode").html("")
        }
    })

    $("#alterCode").blur(function () {
        if (alterFlag == false) {
            $("#alterCodeError").html("请获取验证码")
        } else {
            var alterInputCode = $("#alterCode").val();
            if (alterCode == alterInputCode) {
                $("#alterCodeError").html("")
            } else {
                $("#alterCodeError").html("验证码错误")
            }
        }


    })

    $("#alterPassword").blur(function () {
        if (reg1.test($("#alterPassword").val())) {
            $("#alterPasswordError").html("")
        } else {
            $("#alterPasswordError").html("密码规范应该为：字母+数字，字母+特殊字符，数字+特殊字符")
        }
    })

    $("#alterOkPassword").blur(function () {
        if ($("#alterPassword").val() == $("#alterOkPassword").val()) {
            $("#alterOkPasswordError").html("")
        } else {
            $("#alterOkPasswordError").html("两次密码不一样")
        }
    })

    $("#alterGetCode").click(function () {

        $.ajax({
            type: 'post',
            dataType: 'json',
            url: '/register/isHaveRegister',
            data: {
                "phone": $("#alterTel").val()
            },
            success: function (data) {

                if (data.code == 300) {

                    $.ajax({
                        type: 'post',
                        dataType: 'json',
                        url: '/user/sendAlterCode',
                        data: {
                            "phone": $("#alterTel").val()
                        },
                        success: function (data) {
                            alert(data.data.title)
                            if (data.data.title == "信息发送成功") {
                                alterCode = data.data.code;
                                alterFlag = true;
                                $("#alterTel").attr("readonly", "")
                            }
                        }
                    })


                } else {
                    $("#alterTelError").html("该手机号码未注册")

                }

            }
        })


    })

})


//忘记密码弹窗界面
layui.use('layer', function () { //独立版的layer无需执行这一句
    var $ = layui.jquery,
        layer = layui.layer; //独立版的layer无需执行这一句

    var active = {
        offset: function (othis) {
            var type = othis.data('type');

            lay = layer.open({
                type: 1,
                title: '重置密码',
                offset: type //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
                ,
                id: 'layerDemo' + type //防止重复弹出
                ,
                content: $(".pop_1"),

                shade: 0.4 //显示遮罩
                ,
                closeBtn: 1, //关闭右上角叉叉
                anim: 5, //抖动效果出场
                scrollbar: false, //不允许出现滚动条

            });

            layer.style(lay, {
                backgroundColor: "#fff",
                height: "520px",
                width: "402px",
                border: "1 px solid #000000",
                borderRadius: "8px",
                marginLeft: '-180px',
                marginTop: '-40px'
            });


        },

    }

    $('#forgetPassword').on('click', function () {
        var othis = $(this),
            method = othis.data('method');
        active[method] ? active[method].call(this, othis) : '';

    });


    $("#alter").click(function () {
        if ($("#alterTelError").html() == "" && $("#alterTel").val() != "") {
            if ($("#alterCodeError").html() == "" && $("#alterCode").val() != "") {
                if ($("#alterPasswordError").html() == "" && $("#alterPassword").val() != "") {
                    if ($("#alterOkPasswordError").html() == "" && $("#alterOkPassword").val() != "") {

                        $.ajax({
                            url: '/user/alterUserPassword',
                            type: 'post',
                            dataType: 'json',

                            data: {
                                tel: $("#alterTel").val(),
                                password: $("#alterOkPassword").val()
                            },
                            success: function (data) {
                                if (data.data.result == 1) {
                                    alert("修改成功")
                                    reset()
                                    layer.closeAll()
                                } else {
                                    alert("修改失败")
                                    reset()
                                }
                            }
                        })
                    }
                }
            }
        }

    })

    //重置修改界面
    function reset() {
        $("#alterTel").val("")
        $("#alterCode").val("")
        $("#alterPassword").val("")
        $("#alterOkPassword").val("")

        $("#alterTelError").html("")
        $("#alterCodeError").html("")
        $("#alterPasswordError").html("")
        $("#alterOkPasswordError").html("")

    }
})


